<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<link rel="shortcut icon" type="image/x-icon" href="<?php echo base_url()?>external_folder/img/home/ksa_icon.png">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>باب رزق</title>
    
    <link rel="stylesheet" type="text/css" href="<?php echo base_url()?>external_folder/css/home/demo.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="<?php echo base_url()?>external_folder/css/home/slide.css" media="screen" />
    
    <script type="text/javascript" src="<?php echo base_url()?>external_folder/js/home/jquery-1.5.1.min.js"></script>
	<script type="text/javascript" src="<?php echo base_url()?>external_folder/js/home/functions.js"></script>
	<script type="text/javascript" src="<?php echo base_url()?>external_folder/js/home/jquery-ui-1.8.13.custom.min.js"></script>
    <!-- PNG FIX for IE6 -->
    <!-- http://24ways.org/2007/supersleight-transparent-png-in-ie6 -->
    <!--[if lte IE 6]>
        <script type="text/javascript" src="login_panel/js/pngfix/supersleight-min.js"></script>
    <![endif]-->
    <script type="text/javascript">
		function validateForm_reg()
		{
			var email=document.forms["reg_form"]["email"].value;
			var password=document.forms["reg_form"]["password"].value;
			var re_pass=document.forms["reg_form"]["re_pass"].value;
			if (email==null || email=="" || password==null || password=="" || password!=re_pass || password.length<8)
			{
				alert("تأكد من بريدك الإلكتروني وايضا من طول كلمة المرور 8 احرف فأكثر")
				return false;
			}
		}
		function validateForm_log()
		{
			var email=document.forms["log_form"]["email"].value;
			var password=document.forms["log_form"]["password"].value;
			if (email==null || email=="" || password==null || password=="")
			{
				alert("تأكد من بريدك أو كلمة مرورك")
				return false;
			}
		}
	</script>
    <script src="<?php echo base_url()?>external_folder/js/home/slide.js" type="text/javascript"></script>
	<style type="text/css">
	.searchText
	{
		opacity: 0.6;
		-webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, .4),inset 0 1px 2px rgba(0, 0, 0, .7);
		-moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, .4),inset 0 1px 2px rgba(0, 0, 0, .6);
		box-shadow: 0 -1px 0 rgba(0, 0, 0, .4),inset 0 1px 2px rgba(0, 0, 0, .1);
		-webkit-rtl-ordering: logical;
		-webkit-user-select: text;
		cursor: auto;
		letter-spacing: normal;
		word-spacing: normal;
		line-height: normal;
		text-transform: none;
		text-indent: 0px;
		text-shadow: none;
		display: inline-block;
		text-align: -webkit-auto;
		-webkit-transition: opacity 1s;
		-moz-transition: opacity 1s;
		-o-transition: opacity 1s;
		-moz-border-radius: 40px;
		-webkit-border-radius: 40px;
		border-radius: 40px;
		padding-left: 50px;
		width: 500px;
		height: 35px;
		background: rgba(255, 255, 255, 0.99);
		font: 15px "Helvetica Neue",Arial,sans-serif;
		border: 1px solid rgba(0, 0, 0, 0.2);
		outline: none;
		top:400px;
		margin-left:125px;
		text-align:center;
		color: green;
		font-family:Tahoma, Helvetica, sans-serif;
	}
	input::-webkit-input-placeholder,input:-moz-placeholder
	{
		
		color:gray;
		font-family:Tahoma, Helvetica, sans-serif;
	}
	#tags
	{
		
		font-family:Tahoma, Helvetica, sans-serif;
	}
	.grey_example
	{
		text-align:center;
		color:white;
		margin-top:-400px;
	}
	</style>
</head>

<body>

<!-- Panel -->
<div id="toppanel">
	<div id="panel">
		<div class="content clearfix">
			<div class="left">
				<h1>باب رزق للجميع</h1>
				<br/>
				<p class="grey">,ابدأ بحثك على عمل يناسبك</p>
				<br/>
				<p class="grey">,شعارنا توكل على الله</p>
				<br/>
				<p class="grey">,لا تحتاج التسجيل لتصفح الموقع</p>
				<br/>
				<p class="grey">انشأ حسابك لنشر الوظائف المتاحة للقضاء على البطالة في بلدنا الحبيب</p>
			</div>
            
            
            
			<div class="left">
				<!-- Login Form -->
				<form name="log_form" class="clearfix" action="<?php echo base_url()?>index.php/acc_mgt_cont/login" method="post" onsubmit="return validateForm_log()">
					<h1>تسجيل الأعضاء</h1>
                    
                    
					
					<label class="grey" for="email">البريد الإلكتروني</label>
					<input class="field" type="email" name="email" id="email" value="" size="23" />
					<label class="grey" for="password">كلمة المرور</label>
					<input class="field" type="password" name="password" id="password" size="23" />
	            	<label><input name="rememberMe" id="rememberMe" type="checkbox" checked="checked" value="1" /> &nbsp;تذكرني</label>
        			<div class="clear"></div>
					<input type="submit" name="submit" value="دخول" class="bt_login" />
				</form>
			</div>
			<div class="left right">			
				<!-- Register Form -->
				<form name="reg_form" action="<?php echo base_url()?>index.php/acc_mgt_cont/register" method="post" onsubmit="return validateForm_reg()">
					<h1>لست عضوا ! سجل الآن</h1>
                    
            
            
                    		
					
					<label class="grey" for="email">البريد الإلكتروني</label>
					<input class="field" type="email" name="email" id="email" size="23" />
					<label class="grey" for="password">كلمة المرور</label>
					<input class="field" type="password" name="password" id="password" size="23" />
					<label class="grey" for="re_pass">تأكيد كلمة المرور</label>
					<input class="field" type="password" name="re_pass" id="re_pass" size="23" />
					<!--<label class="grey" for="tags">التاقات</label>
					<input class="field" type="tags" pattern="^[A-Za-z0-9 _]*[A-Za-z0-9][A-Za-z0-9 _]*$" placeholder="ادخل اسماء الجهات مفرقة بفراغ كالمثال" name="tags" id="tags" size="23" style="font-size:100%" title="التاقات تساعد في تنبيهك بفرص جديدة"/>
					<label class="grey" for="tags">مثال : وزارة_الخارجية شركة_التصنيع</label>-->
					<input type="submit" name="submit" value="تسجيل" class="bt_register" />
				</form>
			</div>
            
            
            <div class="left">
            
            
            
            
            
            </div>
            
            <div class="left right">
            </div>
            
            
		</div>
	</div> <!-- /login -->	

    <!-- The tab on top -->	
	<div class="tab">
		<ul class="login">
	    	<li class="left">&nbsp;</li>
	        <li >أهلا وسهلا ضيفنا العزيز</li>
			<li class="sep">|</li>
			<li onclick="goto('<?php echo base_url()?>index.php/home_cont/about')" style="cursor:pointer">عن الموقع</li>
			<li class="sep">|</li>
			<li id="toggle">
				<a id="open" class="open" href="#">دخول الأعضاء</a>
				<a id="close" style="display: none;" class="close" href="#">أغلق النافذة</a>
			</li>
	    	<li class="right">&nbsp;</li>
		</ul> 
	</div> <!-- / top -->
	
</div> <!--panel -->

<div class="pageContent">
	<div id="main">
		<img id="imgsearch" src="<?php echo base_url()?>external_folder/img/home/search.png" style="position:absolute;height:40px;margin-left:130px;top:400px;z-index:1" />
		<input id="search_txt" type="text" class="searchText" style="position:absolute;" placeholder="أدخل عبارات البحث عن الوظيفة ثم إضغط إدخال"/>
		<!--<label class="grey_example">مثال : وزارة_الخارجية شركة_فلان ( التاقات ) بحيث الجهة المكونة من أكثر من كلمة تضع "_" علامة سفلية أندرسكور</label>-->
		
	</div>
</div>

</body>
</html>
